
Vue.component2('a_1_0_1_2_1', {  
    template: `
<div ref="body"  v-show="data.show_flag"
:class="['a_1_0_1_2_1', { 'a_1_0_1_2_1_edit_class1':data.__style.前端组件属性编辑框 }]"
>
    <slot name="body"></slot>
   </div>
  `,  
 data:function(){  
  
    return {  
        data:{
          height:"100%",
        }
        ,
    }    
  
  }, 
  watch:{
    'data.height':function(e){try{this.$refs.body.style.height=e}catch{}},
    },
    methods: {  
      //删除之前显示的插槽
      con_del:function(){
        try{this.old_con_dom.parentNode.removeChild(this.old_con_dom);}catch{}
      },
      //显示当前的插槽
      con_add:function(obj){
        let dom=obj.dom;
        // console.log("初始化容器","新建一个dom");
        let new_dom=document.createElement('div');
        new_dom.style.height="10px";
        new_dom.style.width="100%";
        new_dom.style.background="red";
        new_dom.style.zIndex="9999";
        new_dom.innerHTML="<div style='height:10px;width:100%;background:red;z-index: 9999;'></div>"
      if (dom !== null) {
        // console.log("在...之前插入",new_dom,dom)
        this.$refs.body.insertBefore(new_dom, dom);
      } else {
        // 如果 child_dom 是 null，则将新元素添加到 father_dom 的末尾
        this.$refs.body.appendChild(new_dom);
      }
      this.con_del();
      this.old_con_dom=new_dom;
      },
      //查找 要插入的组件 位于哪一个插槽
      check_slot(dom){
        return 'body';//只有body这一个插槽 返回body
      }
    },  
    mounted: function () {  
    }  
  } 
  );
  